<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<!-- 扩展案例（简单的计算器） -->

<input type="text" id='input1' placeholder="请输入数字">

<select name="" id="sel">
    <option value="0">+</option>
    <option value="1">-</option>
    <option value="2">*</option>
    <option value="3">/</option>
</select> 

  <input type="text" id="input2" placeholder="请输入数字">
  <button id="btn">=</button>
  <input type="text" id="input3">

<script>
    var   input1=document.querySelector('#input1')
    var   sel=document.querySelector('#sel')
    var   btn=document.querySelector('#btn')
    var   input2=document.querySelector('#input2')
    var   input3=document.querySelector('#input3')
    var   sel=document.querySelector('#sel')


        btn.onclick = function () {
            var num1=Number(input1.value );
            var num2=Number(input2.value);
        
            switch(Number(sel.value)){
                case 0:
                input3.value=Number( num1+num2);
                 break;
                case 1:
                input3.value= num1-num2;
                 break;
                case 2:
                input3.value= num1*num2;
                 break;
                case 3:
                input3.value= num1/num2;
                 break;
            }
            console.log(input3.value) 

        }

</script>



    <!-- 小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。
    它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
    提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数   num.toFixed(3)
     -->

        <script>
            var temp=prompt('请输入华氏温度');
            var temp1=(5/9.0*(temp-32)).toFixed(3);
            console.log('摄氏度为'+temp1);
        </script>

    <script>

/* 为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？
89 / 24 = 3.xxxxxxx 
parseInt() 就能拿到小数点前面的数字，得到天数
89 - (3 * 24)   得到小时 */

var num=89;
var num1=parseInt(num/24);
var num2=num%24;
console.log('战士连续作战' + num1 +'天' +num2 +'小时');

   </script>

</body>
</html>